$(function() {
    // 切换登录方式
    $('.tab-nav a').click(function() {
        var index = $(this).index();
        $(this).addClass('active').siblings().removeClass('active');
        $('.tab-pane').eq(index).show().siblings('.tab-pane').hide();
    })
    $('.link a').click(function() {
        $(this).addClass('active').siblings().removeClass('active');
        $('.bb').show().siblings('.tab-pane').hide();
    })

    // 获取验证码

    let code = document.querySelector('.code');
    // 发送验证码
    code.addEventListener('click', function() {
        console.log(11);
        // 倒计时读秒操作
        code.innerHTML = '05秒后重新获取';
        // 让按钮不在被点击
        code.style.pointerEvents = 'none';
        let num = 5;
        var timer = setInterval(function() {
            num--;
            code.innerHTML = '0' + num + '秒后重新获取'; //`0${num}秒后重新获取`
            if (num === 0) {
                // 让按钮可以重新点击
                code.style.pointerEvents = 'auto';
                code.innerHTML = '重新获取';
                // 清除定时器
                clearInterval(timer);
            }
        }, 1000)
    })

    // 勾选同意验证
    var dl = document.querySelector('.dl');
    var remember = document.querySelector('.remember');
    var username = document.querySelector('[name=username]');
    var password = document.querySelector('[name=password]');
    dl.addEventListener('click', function(e) {
        e.preventDefault();
        if (!remember.checked) {
            alert('请勾选同意协议');
            return;
        }
        let obj = {
            username: username.value,
            password: password.value,
        }
        localStorage.setItem('data', JSON.stringify(obj));
        // 跳转页面
        location.href = './index.html';
    });
    let obj = JSON.parse(localStorage.getItem("data"));
    if (obj) {
        username.value = obj.username;
        password.value = obj.password;
        remember.checked = false;
    }

    // 手机号码验证
    let phone = document.querySelector('[name=phone]')
    phone.addEventListener('change', verifyphone)
        // 验证手机号的函数
    function verifyphone() {
        let span = phone.nextElementSibling;
        // 正则表达式 1.定义规则 2.判断
        let reg = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/
        if (!reg.test(phone.value)) {
            span.innerHTML = '请输入正确的手机号'
            return false;
        }
        span.innerHTML = '';
        return true;
    }

    // 短信验证码
    let codeInput = document.querySelector('[name=code]');
    codeInput.addEventListener('change', verifycodeInput);
    // 验证短信验证码的函数
    function verifycodeInput() {
        let span = codeInput.nextElementSibling;
        // 正则表达式 1.定义规则 2.判断
        let reg = /^\d{6}$/;
        if (!reg.test(codeInput.value)) {
            span.innerHTML = '请输正确的验证码';
            return false;
        }
        span.innerHTML = '';
        return true;
    }
    // 获取验证码登录到首页
    var denglu = document.querySelector('#denglu');
    denglu.addEventListener('click', function() {
        location.href = 'index.html';
    })
})